﻿.column_left
{
    height:100%;
    vertical-align: top;
    width: 100%;
    padding-right: 25px;
    padding-left: 5px;
}

.column_left_main
{
    height:100%;
    vertical-align: top;
}

.nosotros_p
{    
    font-size: 1.7em;
    color: #000000;
    font-weight: bold;
    text-align: justify;
}

.nosotros_p2
{    
    font-size: 1.5em;
    font-weight: bold;
    text-align: justify;
}

.column_right
{
    height:100%;
    vertical-align: top;
    text-align: right;
}

.column_right_main
{
    height:100%;
}

#nosotros_table
{
    height: 454px;
    width: 100%;
}

.nombres
{
    margin-top: 0px;
    color: #009FC2;
}

.nombres_2
{
    margin-top: 0px;
    color: #000000;
}

.cargo
{
    color: #009FC2;
    font-weight: bold;
}

.descripcion
{
    padding-bottom: 5px;
}

#volver_nosotros
{
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 10001;
}

#volver_nosotros:hover
{
    cursor: pointer;
}

#volver_nosotros div
{
    color: #000000;
    width: 980px;
    /*background-color: #f1f1f1;*/
    text-align: right;
    padding-right: 5px;
    margin: 0 auto;
    margin-top: 20px;
}


#volver_nosotros img
{
    vertical-align: middle;
    padding: 5px;
}

.italic_blue
{
    font-weight: bold;
    font-style: italic;
    font-size: 1.7em;
    color: #009FC2;
}

/*ScrollBar*/

.scrollbar_nosotros { width: 100%; clear: both; margin: 20px 0 10px; height: 100%; margin-top: 0;}
.scrollbar_nosotros .viewport { height: 200px; overflow: hidden; position: relative; height: 100%; }
.scrollbar_nosotros .overview { list-style: none; position: absolute; left: 0; top: 0; }
.scrollbar_nosotros .thumb .end,
.scrollbar_nosotros .thumb { background-color: #029AC3; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.scrollbar_nosotros .scrollbar { position: relative; float: right; width: 15px; }
.scrollbar_nosotros .track { background-color: #EAEAEC; height: 100%; width:2px; position: relative; padding: 0 1px; margin-left: 20px;}
.scrollbar_nosotros .thumb { height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; margin-left: -3px;}
.scrollbar_nosotros .thumb .end { overflow: hidden; height: 5px; width: 13px; }
.scrollbar_nosotros .disable{ display: none; }

/* Popup */

.areaSensible
{
    position: absolute;
    cursor: pointer;
}


.popUpMensaje
{
    position:absolute;
    width:100px;
    height:70px;
    background-color:White;
    top:0px;
    left:0px;
    z-index:10;
    display:none;
}

.areaSensible
{
    position:absolute;
    width:50px;
    height:50px;
    z-index:15;    
}

.bubble {
  position: absolute;
  background-color:#eee;
  margin: 0;
  padding:10px;
  text-align:center;
  width:180px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -webkit-box-shadow: 0px 0 3px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0 3px rgba(0,0,0,0.25);
  box-shadow: 0px 0 3px rgba(0,0,0,0.25); 
}

.bubble:after {
  position: absolute;
  display: block;
  content: "";  
  border-color: #eee transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  bottom:-19px;
  left:1em;
  top: 90px;
}

.popUpMensaje
{
    text-align: left !important;
}

.popUpMensaje .nombres
{
    font-size: 1em !important;
    padding-left: 5px;
}

.popUpMensaje .cargo, .popUpMensaje .descripcion
{
    font-size: 0.9em !important;
    padding-left: 5px;
}

.popUpMensaje .cargo
{
    color: #000000 !important;
}